/*定义滚动条的整体样式使其变窄*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*定义滚动条的滑块的样式有圆角和阴影以及自定义的背景色*/
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 4px #d0d0d0;
  -webkit-box-shadow: inset 0 0 4px #d0d0d0;
  background: #e0e0e0;
}

::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}

/*定义滚动条所在轨道的样式。有圆角和阴影以及淡色系的背景色*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px #e0e0e0;
  -webkit-box-shadow: inset 0 0 4px #e0e0e0;
  border-radius: 4px;
  background: #fff;
}